<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
    <title></title>

    <link rel="manifest" href="manifest.json">

    <!-- un-comment this code to enable service worker
    <script>
      if ('serviceWorker' in navigator) {
        navigator.serviceWorker.register('service-worker.js')
          .then(() => console.log('service worker installed'))
          .catch(err => console.log('Error', err));
      }
    </script>-->

    <link href="lib/ionic/css/ionic.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">

    <!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above
    <link href="css/ionic.app.css" rel="stylesheet">
    -->

    <!-- ionic/angularjs js -->
    <script src="lib/ionic/js/ionic.bundle.js"></script>
    <script src="lib/sockjs.min.js"></script>
    <script src="lib/stomp.js"></script>
    <script src="lib/jquery.min.js"></script>
    <!-- cordova script (this will be a 404 during development) -->

    <!-- your app's js -->
    <script src="js/app.js"></script>
    <script src="js/controllers.js"></script>
    <script src="js/services.js"></script>
</head>

<body ng-app="starter">
<ion-nav-view></ion-nav-view>
<script id="templates/app.html" type="text/ng-template">
    <ion-view hide-nav-bar="true">
        <ion-content class="content" overflow-scroll="true" style="overflow: hidden;">
            <div class="row dark-bg dark"
                 style="height:80px;width:100%;font-size:20px;color:#fff;background-color: #031f8d">
                <div class="col-75" style="font-size:25px;line-height:70px;padding-left:10px">
                    <img src="{{initData.logo}}"/>
                    {{initData.title}}
                </div>
                <div class="col-25 text-center padding">
                    <p style="font-size:30px">{{showTime.hours}}:{{showTime.minutes}}:{{showTime.seconds}}</p>
                    <p>{{showTime.year}}-{{showTime.month}}-{{showTime.day}} 周{{showTime.week}}</p>
                </div>
            </div>
            <div class="row" style="height:650px;">
                <div class="col-34 padding" style="height:690px">
                    <!--<span style="padding-top:8px"></span>-->
                    <div class="text-center"
                         style="width:231px;height:370px;margin:0 auto;border: 5px solid #031f8d;margin-top:10px">
                        <h2 style="font-family: 宋体;width:221px;height:40px;background-color: #031f8d;color:#fff;line-height: 40px">
                            职员信息</h2>
                        <!--<span class="padding"></span>-->
                        <div style="height:317px;width:226px;margin-top:-10px;">
                            <!--<img src="img/normal2.png" height="317px" width="226px"/>-->
                        </div>
                    </div>
                    <!--<div style="padding-top:20px"></div>-->
                    <div style="height:290px;margin:0 auto" class="">
                        <ul class="my-ul">
                            <li>
                                <span class="before">姓名</span><span class="after">{{initData.user.name}}</span>
                            </li>
                            <li>
                                <span class="before">工号</span><span class="after">{{users.gender}}</span>
                            </li>
                            <li>
                                <span class="before">岗位</span><span class="after">前台</span>
                            </li>
                            <li>
                                <span class="before">星级</span><span class="after">五颗星</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-66 dark-border" style="height:690px;margin-top:10px">
                    <ion-nav-view name="mainContent" style="height:600px;width:855px"></ion-nav-view>
                </div>
            </div>
            <div class="row" style="height:80px;">
                <div class="bottom-info" style="width:100%">
                    <!--<button class="button" type="button" style="font-size:20px">-->
                    <!--<i class="ion-speakerphone" style="font-size:35px;color: #d8242f"></i>-->
                    <!--通知公告-->
                    <!--</button>-->
                    <span class="padding" style="fon-size:15px;padding-right:20px">
                        {{initData.bottomInfo}}
                    </span>
                    <button class="button" ng-click="showResponse()" type="button"
                            style="font-size:22px;height:50px;margin-top:20px;;margin-right:10px">
                        <i class="ion-search" style="font-size:35px;color: #031f8d;position: relative;top:2px;"></i>
                        其他
                    </button>
                    <button ng-click="goNotice()" class="button" type="button"
                            style="font-size:22px;height:50px;margin-top:20px">
                        <i class="ion-speakerphone"
                           style="font-size:35px;color: #031f8d;position: relative;top:2px;"></i>
                        通知公告
                    </button>
                    <button class="button" ng-click="connectTest();" type="button"
                            style="font-size:22px;height:50px;margin-top:20px">
                        <i class="ion-document-text"
                           style="font-size:35px;color: #031f8d;position: relative;top:2px;"></i>
                        test
                    </button>


                </div>
            </div>
        </ion-content>
    </ion-view>
</script>
<script id="templates/config.html" type="text/ng-template">
    <ion-view hide-nav-bar="true">
        <ion-content overflow-scroll="true" style="background-color:#031f8d;overflow: hidden;">
            <div style="height:100%;width:100%;">
                <div style="width:100%;height:100%;background-color:#031f8d;display: block;">
                    <div ng-if="hasConfig"
                         style="font-size:50px;margin-top:300px;text-align:center;font-family: 黑体;color:#fff;">
                        欢迎使用,这是启动页
                    </div>
                    <div ng-if="!hasConfig" style="margin-left:340px;padding-top:200px">
                        <div class="card" style="width:600px;">
                            <div class="item item-divider" style="text-align: center">
                                <span style="font-size:30px">服务器配置</span>
                            </div>
                            <div class="item item-text-wrap">
                                <label class="item item-input item-stacked-label">
                                    <span class="input-label" style="font-size:30px">IP地址</span>
                                    <input type="text" ng-model="config.ip" placeholder="例如：127.0.0.1"
                                           style="font-size:30px;font-size:30px;height:45px">
                                </label>
                                <label class="item item-input item-stacked-label">
                                    <span class="input-label" style="font-size:30px">端口号</span>
                                    <input type="text" ng-model="config.port" placeholder="例如：8080"
                                           style="font-size:30px;font-size:30px;height:45px">
                                </label>
                                <label class="item item-input item-stacked-label">
                                    <span style="font-size:30px">评价器地址</span>
                                    <input type="text" ng-model="config.pjqNum" placeholder="例如：2"
                                           style="font-size:30px;font-size:30px;height:45px">
                                </label>
                            </div>
                            <!--<div class="item item-divider">-->
                            <!--<button class="button button-clear"-->
                            <!--style="width:600px;font-size:30px;background-color: #fff;color:#000;">确定-->
                            <!--</button>-->
                            <!--</div>-->
                        </div>
                        <button class="button button-clear" ng-click="saveConfig();"
                                style="width:600px;border-radius:0px;margin-left:10px;font-size:30px;background-color: #fff;color:#000;">
                            确定
                        </button>
                        <div ng-show="mValidate.regular"
                             style="width:600px;height:50px;margin-left:10px;font-size:30px;color:#fff;margin-top:20px">
                            {{mValidate.regular}}
                        </div>
                        <div ng-show="mValidate.notNull"
                             style="width:600px;height:50px;margin-left:10px;font-size:30px;color:#fff;margin-top:20px">
                            {{mValidate.notNull}}
                        </div>
                        <div ng-show="connectInfo"
                             style="width:600px;height:50px;margin-left:10px;font-size:30px;line-height:30px;color:#fff;margin-top:20px">
                            {{connectInfo}}
                        </div>
                        <!--<div class="list" style="width:600px;margin-left:340px;background-color: #fff;">-->
                        <!--<label class="item item-input item-stacked-label">-->
                        <!--<span class="input-label" style="font-size:40px">IP地址</span>-->
                        <!--<input type="text" placeholder="例如：127.0.0.1"-->
                        <!--style="font-size:30px;line-height:40px;height:45px">-->
                        <!--</label>-->
                        <!--<label class="item item-input item-stacked-label">-->
                        <!--<span class="input-label" style="font-size:40px">端口号</span>-->
                        <!--<input type="text" placeholder="例如：8080"-->
                        <!--style="font-size:30px;line-height:40px;height:45px">-->
                        <!--</label>-->
                        <!--</div>-->
                        <!--<button class="button button-clear"-->
                        <!--style="width:600px;font-size:30px;background-color: #fff;color:#000;">确定-->
                        <!--</button>-->
                    </div>
                </div>
            </div>
        </ion-content>
    </ion-view>
</script>
<script id="templates/home.html" type="text/ng-template">
    <ion-view view-title="首页" hide-nav-bar="true">
        <ion-content class="content" ng-click="m_click();" overflow-scroll="true" style="overflow: hidden;">
            <ion-slide-box on-slide-changed="slideHasChanged($index)" auto-play="true" does-continue="true"
                           slide-interval="15000" show-pager="false" pager-click="pageClick(index)"
                           active-slide="model.activeIndex" delegate-handle="delegateHandler">
                <ion-slide>
                    <video src="video/video1.mp4" poster="video/video1.jpg" controls>
                        您的浏览器不支持video标签
                    </video>
                </ion-slide>
                <ion-slide>
                    <!--<div style="width: 100%;height: 600px;background-color: #fff;padding:10px">-->
                        <ion-scroll style="width: 100%;height: 600px;background-color: #fff;padding:10px">
                            <div style="text-align:center;width:100%;height:70px;font-size:30px;padding:5px;">公告栏</div>
                            <div class="list">
                                <a ui-sref="app.noticeDetail({id:item.id})" ng-repeat="item in initData.mediaList" class="item" href="#">
                                    {{item.title}}
                                    <!--<span class="item-note">{{item.modUser}}</span>-->
                                    <span class="item-note">{{item.modTime}}</span>
                                </a>
                            </div>
                        </ion-scroll>

                    <!--</div>-->
                </ion-slide>
            </ion-slide-box>
        </ion-content>
    </ion-view>
</script>
<script id="templates/noticeDetail.html" type="text/ng-template">
    <ion-view hide-nav-bar="true">
        <div style="width: 100%;height: 600px;background-color: #fff;padding:10px">
            <div class="gonggao"></div>
            <div class="row" style="position: fixed;bottom:10px">
                <div class="col-25 text-center">
                    <a ui-sref="app.home" class="button" style="width:100px;background-color: #031f8d;color:#fff;">返回</a>
                </div>
                <div class="col-50"> </div>
                <div class="col-25 text-center">
                    <a ng-click="goNextNotice()" class="button button-positive" style="width:100px;background-color: #031f8d;color:#fff;">下一条</a>
                </div>
            </div>
        </div>

    </ion-view>

</script>
<script id="templates/call.html" type="text/ng-template">
    <ion-view view-title="叫号中" hide-nav-bar="true">
        <ion-content class="call-content" ng-click="m_click();" overflow-scroll="true" style="overflow: hidden;">
            <!--<div class="alert-info"><span class="m-wxts">温馨提示：</span>请点击屏幕下方对应的三个按钮进行评价！</div>-->
            <p class="m-box">
                <label ng-if="data.status == 0">
                    请 <span class="m-font1">{{ticket.ticketNum}}</span> 票号
                    <br>
                    <span style="font-size:70px">到此处办理</span>
                </label>
                <label ng-if="data.status == 1" style="line-height: 150px">
                    办理中...
                </label>
                <label ng-if="data.status == 2" style="line-height: 150px">
                    暂停服务
                </label>
                <label ng-if="data.status == 3">
                    办理完成<br>
                    <label style="font-size:50px">正在跳转...<span>请稍候</span></label>
                </label>

            </p>
            <!--<label class="count-down">倒计时：<span>59</span> s</label>-->
        </ion-content>
    </ion-view>
</script>
<script id="templates/eval.html" type="text/ng-template">
    <ion-view view-title="评价" hide-nav-bar="true">
        <ion-content class="eval-content" ng-click="m_click();" overflow-scroll="true" style="overflow: hidden;">
            <div class="alert-info"><span class="m-wxts">温馨提示：</span>请点击屏幕下方按钮进行评价！</div>
            <div class="m-btns">
                <button class="button common-btn" type="button">
                    <i class="ion-happy" style="color: #031f8d"></i><br>
                    非常满意
                </button>
                <button class="button common-btn" type="button">
                    <i class="ion-happy" style="color: #031f8d"></i><br>
                    满 意
                </button>
                <button class="button common-btn" type="button">
                    <i class="ion-sad" style="color: #031f8d"></i><br>
                    不满意
                </button>
            </div>
            <div class="eval-info">
                <span>规范 高效 便民 公开</span>
            </div>
            <label class="count-down">倒计时：<span>59</span> s</label>
        </ion-content>
    </ion-view>
</script>
</body>
</html>
